<template>
	<div class="apply-count">
    <a class="btn btn-sm btn-primary" v-link="{ path: '/' }">返回用户列表</a>
    <table class="table table-bordered table-hover">
      <caption>金贝塔使用统计</caption>
      <thead>
          <tr>
            <th class="col-sm-2"></th>
            <th class="col-sm-2">贝塔币总发放量</th>
            <th class="col-sm-3">总获得贝塔币用户(去重)</th>
            <th class="col-sm-2">贝塔币总消耗量</th>
            <th class="col-sm-3">总消耗贝塔币用户(去重)</th>
          </tr>
      </thead>
      <tbody>
      	<tr>
          <td></td>
          <td>{{totalSend}}</td>
          <td>{{totalGetUser}}</td>
          <td>{{totalUse}}</td>
          <td>{{totalUseUser}}</td>
      	</tr>
      </tbody>
      <thead>
      	<th class="col-sm-2">日期</th>
      	<th class="col-sm-2">贝塔币发放量</th>
      	<th class="col-sm-3">获得贝塔币用户数</th>
      	<th class="col-sm-2">贝塔币消耗量</th>
      	<th class="col-sm-3">消耗贝塔币用户数</th>
      </thead>
      <tbody>
        <tr v-for="item in list">
          <td>{{item.date}}</td>
          <td>{{item.send}}</td>
          <td>{{item.getUser}}</td>
          <td>{{item.use}}</td>
          <td>{{item.useUser}}</td>
        </tr>
      </tbody>
    </table>
    <vue-pages :pages.sync="pages" :get-list="search"></vue-pages>
  </div>
</template>
<script type="text/javascript" src="./apply-count.js"></script>
